<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="./../home.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content" >
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administración de Cuentas
            </h3>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <h:form id="frmFiltroPerro" styleClass="form-horizontal">
                    <p:panel header="Busqueda de Cuentas" styleClass="panel panel-primary" toggleable="true" toggleSpeed="300">
                        <div class="row">
                            <div class="col-md-12" >
                                <div class="col-md-1" style="width: 10.733333333333332%;text-align: right;" >
                                    <label class="control-label" style="font-weight: normal;" for="startTime">Usuario:</label>
                                </div>
                                <div class="col-md-4" style="margin-right: -45px;margin-left: -5px;"  >
                                    <p:inputText value="#{cuentaBean.usuarioFiltro.nombre}" />
                                </div>
                                <div class="col-md-1" style="width: 10.733333333333332%;text-align: right;" >
                                    <label class="control-label" style="font-weight: normal;" for="startTime">Perfil:</label>
                                </div>
                                <div class="col-md-4" style="margin-left: -5px;"  >
                                    <h:selectOneMenu value="#{cuentaBean.usuarioFiltro.perfil}" styleClass="form-control" >
                                        <f:selectItem itemLabel="Seleccionar" itemValue="0" />
                                        <f:selectItems value="#{cuentaBean.roles}" var="roles" itemValue="#{roles.id}" itemLabel="#{roles.nombre}"  />
                                    </h:selectOneMenu>
                                </div>
                            </div>
                        </div>
                        <br />
                        <p:panelGrid columns="2">
                            <h:commandButton styleClass="btn btn-primary" value="Buscar" actionListener="#{cuentaBean.buscarFiltro}">
                                <f:ajax execute="@form" render=":frmUsuarios" />
                            </h:commandButton>
                            <h:commandButton styleClass="btn btn-primary" value="Limpiar" actionListener="#{cuentaBean.limiparFiltro}">
                                <f:ajax execute="@form" render=":frmUsuarios :frmFiltroPerro" />
                            </h:commandButton>
                        </p:panelGrid>
                    </p:panel>  
                </h:form>
            </div>
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-2">
                                <h:panelGroup rendered="#{usuarioBean.permiso.crear eq true}">
                                    <h:button value="Nuevo Usuario" styleClass="btn btn-primary" outcome="create.xhtml" />

                                </h:panelGroup>

                            </div>
                        </div>
                        <p:spacer height="10" />
                        <h:form id="frmUsuarios" >
                            <f:event type="preRenderView" listener="#{cuentaBean.generarLista}" />
                            <p:dataTable  value="#{cuentaBean.usuarios}" var="list" emptyMessage="No existen registros de cuentas" 
                                          paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                                          paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >

                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        #
                                    </f:facet>
                                    <h:outputText value="#{rowIndex+1}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Usuario
                                    </f:facet>
                                    <h:outputText value="#{list.nick}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Perfil
                                    </f:facet>
                                    <h:outputText value="#{list.rol.nombre}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <p:commandButton icon="icon-update" action="#{cuentaBean.irActualizar(list.nick)}" rendered="#{usuarioBean.permiso.actualizar eq true}" />
                                </p:column>
                            </p:dataTable> 
                        </h:form>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>

